@charset "utf-8";
@import "common/reset";

@function n($px){
    @return $px/2;
}
$border-color:#ff9344;//边框颜色
.web{
    width: 100%;
    position: relative;
    overflow: hidden;
    header{
        overflow: hidden;
        height:n(62px);
        margin-top:n(45px);
        .left{
            width: n(124px);
            height: n(60px);
            border: 1px solid $border-color;
            border-radius: 25px;
            text-align: center;
            line-height: n(60px);
            vertical-align: middle;
            font-size: n(20px);
            margin-left: n(24px);
            a{
                color: black;
                display: block;     
            }
        }
        .right{
            width: n(75px);
            margin-right: n(14px);
               img{
                   width: n(75px);
                   height: n(57px);
                   
               }
        }
        .middle{
            overflow: hidden;
            text-align: center;
            line-height: n(62px);
            vertical-align: middle;
            font-size: n(24px);
        }
        
    }
    nav{
        width: 100%;
        margin-top:n(25px);
        .nav_left{
            width:50%;
            min-width: n(198px);
            height: n(171px);
            
                .nav_left_left{
                    img{
                    margin-left: n(17px);
                    width: n(171px);
                    height: n(171px);
                    border-radius: 50px;
                    overflow: hidden;
                    }
                }
                .nav_left_right{
                    width: n(160px);
                    height:n(92px);
                    margin-left: n(23px);
                    margin-top: n(33px);
                    text-align: center;
                    h2{
                        font-size: n(30px);  
                    }
                    h3{
                        margin-top: n(38px);
                        color: #9d9d9d;
                        font-size:n(24px);
                       
                       
                    }
                }
        }
        .nav_right{
            overflow: hidden;
            height: n(171px);
            line-height:n(171px);
            text-align: right;
            img{
                vertical-align: middle;
                width: n(46px);
                height: n(52px);
                margin-right: n(21px);
                
            }
        }
    }
    section{
        width: 100%;
        overflow: hidden;
        .dinping{
            width:25.5%;
            height: n(149px);
            margin: 3.7%;
           font-size: n(24px);
           background-color: #b2e0a0;
           text-align: center;
           i{
               font-size: n(80px);
               color: white;
           }
        }
        .shoucang{
            width:25.5%;
            height: n(149px);
            margin: 3.7%;
            font-size: n(24px);
            background: #a0dce0;
            text-align: center;
             i{
               font-size: n(80px);
               color: white;
           }
        }
        .youhun{
            width:25.5%;
            height: n(149px);
            margin: 3.7%;
            font-size: n(24px);
            background: #e0b7a0;
            text-align: center;
             i{
               font-size: n(80px);
               color: white;
           }
        }
    }
    section{
        .qianbao{
            height: n(74px);
            margin-bottom: n(23px);
            &:nth-of-type(4){
                margin-bottom:n(46px);
            }
            .qianbao_left{
                height: n(74px);
                line-height: n(74px);
                margin-left: n(24px);
                img{
                    vertical-align: middle;
                    width: n(60px);
                    height: n(74px);
                }
                span{
                    vertical-align: middle;
                    font-size: n(26px);
                    margin-left: n(37px);
                }
            }
            .more_right{
                height: n(74px);
                line-height: n(74px);
                margin-right: n(24px);
                span{
                    vertical-align: middle;
                    font-size: n(26px);
                }
                i{
                    vertical-align: middle;
                    font-size: n(25px);
                    color: $border-color;
                }
            }
        }
        .zuihou{
             width: 100%;
             color: white;
             text-align: center;
             line-height:n(75px) ;
             padding: 0 n(110px);
             margin-bottom: n(180px);
             a{
                 color: white;
             }
            .zuihou_left{
                width:n(147px);
                height: n(75px);
                border-radius: 25px;
                background: $border-color;
               
            }
            .zuihou_right{
                width: n(147px);
                height: n(75px);
                border-radius: 25px;
                background: $border-color;
            }
        }
    }
     footer{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white;
        ul{
            li{
                float: left;
                width: 25%;
                a{
                    display: block;
                    text-align: center;
                    color: black;
                    i{
                        font-size: n(68px);
                        color: $border-color;
                    }
                    h2{
                        font-size: n(26px);
                        margin-top: n(9px);
                        margin-bottom: n(14px);
                        
                    }
                }
            }
        }
    }
}
